<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>Kxala的个人blog</title>
    <link rel="icon" href="./static/img/favicon.ico" />
    <meta name="description" content="kxala" />
    <meta name="keywords" content="kxala" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link rel="stylesheet" href="./static/css/style.css" />
    <link rel="stylesheet" href="./static/css/theme.css" />
  </head>
  <body>
    <div class="container-filter"></div>
    <div class="container-main">
      <div class="container-left">
        <a
          href="#"
          class="logo"
          style="background-image: url(./static/img/logo.png)"
        ></a>
        <div class="left-div left-des">
          <div class="left-des-item">
            <svg
              t="1717036766762"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="3635"
              width="256"
              height="256"
            >
              <path
                d="M372.90833 573.517773c-169.341448-111.108579-166.972428-309.963004-68.768101-421.613951 102.348833-116.358287 279.887193-127.374487 393.027092-22.006816 67.9699 63.303493 98.09176 142.622176 87.633278 234.845111-10.299865 90.780033-58.498936 159.3537-130.823125 205.234917 48.142787 30.295828 99.120212 56.329466 142.995693 91.271234 86.031759 68.517384 134.614581 160.776136 152.221056 269.300794 2.865338 17.662759-2.890921 31.80013-20.686714 35.397152-22.656633 4.58454-29.272493-12.377235-32.470414-30.341878-16.219857-91.127967-57.572818-168.686514-126.320452-230.746655-188.989477-170.6155-468.52362-125.859951-592.935552 96.771658-22.820367 40.836176-34.404517 88.175646-49.150772 133.176795-5.725558 17.473442-9.987748 35.136201-32.086664 31.150312-21.126748-3.806806-23.572518-20.502513-20.15458-39.848658 28.924559-163.748923 123.475581-274.468635 273.803468-340.422565 6.994494-3.070004 14.203887-5.648808 21.275131-8.549963C371.035627 576.899895 371.311927 575.93796 372.90833 573.517773zM509.948214 553.706011c125.547834 0.450267 230.900155-100.629631 230.741538-221.383141-0.158617-121.091211-107.787858-228.909769-228.781852-229.180952C391.205556 102.865617 284.405217 209.067306 282.128297 331.632119 279.943477 449.274691 386.621016 553.26086 509.948214 553.706011z"
                p-id="3636"
              ></path>
            </svg>
            <a
              style="border-bottom: 1px solid rgba(125, 125, 125, 0.3)"
              target="_blank"
              onclick="return false;"
              href="#"
              >我，一个程序员</a
            >
          </div>
          <div class="left-des-item">
            <svg
              t="1717036859923"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="5327"
              width="256"
              height="256"
            >
              <path
                d="M885.333333 981.333333H181.333333a53.393333 53.393333 0 0 1-53.333333-53.333333V224a53.393333 53.393333 0 0 1 53.333333-53.333333h53.333334a21.333333 21.333333 0 0 1 0 42.666666h-53.333334a10.666667 10.666667 0 0 0-10.666666 10.666667v704a10.666667 10.666667 0 0 0 10.666666 10.666667h704a10.666667 10.666667 0 0 0 10.666667-10.666667V224a10.666667 10.666667 0 0 0-10.666667-10.666667h-53.333333a21.333333 21.333333 0 0 1 0-42.666666h53.333333a53.393333 53.393333 0 0 1 53.333334 53.333333v704a53.393333 53.393333 0 0 1-53.333334 53.333333zM768 234.666667c0-26.046667-13.273333-50.786667-38.38-71.546667-19.533333-16.153333-46.053333-29.666667-77.186667-39.38a129.22 129.22 0 0 0-41.453333-54.84 128 128 0 0 0-155.293333 0 129.22 129.22 0 0 0-41.453334 54.84c-31.133333 9.713333-57.646667 23.226667-77.186666 39.38C311.94 183.88 298.666667 208.62 298.666667 234.666667a21.333333 21.333333 0 0 0 21.333333 21.333333h426.666667a21.333333 21.333333 0 0 0 21.333333-21.333333z m-403.76-38.666667c17.166667-14.193333 42.14-26.066667 72.226667-34.32a21.333333 21.333333 0 0 0 14.853333-14.666667C461.773333 110.666667 495.5 85.333333 533.333333 85.333333s71.56 25.333333 82 61.673334a21.333333 21.333333 0 0 0 14.853334 14.666666c30.086667 8.253333 55.06 20.126667 72.226666 34.32 5.46 4.513333 11.46 10.406667 15.953334 17.333334H348.286667c4.493333-6.92 10.493333-12.813333 15.953333-17.326667zM768 746.666667a21.333333 21.333333 0 0 0-21.333333-21.333334H448a21.333333 21.333333 0 0 0 0 42.666667h298.666667a21.333333 21.333333 0 0 0 21.333333-21.333333z m0-170.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H448a21.333333 21.333333 0 0 0 0 42.666666h298.666667a21.333333 21.333333 0 0 0 21.333333-21.333333z m0-170.666667a21.333333 21.333333 0 0 0-21.333333-21.333333H448a21.333333 21.333333 0 0 0 0 42.666667h298.666667a21.333333 21.333333 0 0 0 21.333333-21.333334z m-448-21.333333a21.333333 21.333333 0 1 0 21.333333 21.333333 21.333333 21.333333 0 0 0-21.333333-21.333333z m21.333333 192a21.333333 21.333333 0 1 1-21.333333-21.333333 21.333333 21.333333 0 0 1 21.333333 21.333333z m0 170.666667a21.333333 21.333333 0 1 1-21.333333-21.333334 21.333333 21.333333 0 0 1 21.333333 21.333334z"
                fill="#ffffff"
                p-id="5328"
              ></path>
            </svg>
            <a
              style="border-bottom: 1px solid rgba(125, 125, 125, 0.3)"
              target="_blank"
              onclick="return false;"
              href="#"
              >一直在做的清单</a
            >
          </div>
        </div>
        <div class="left-div left-tag">
          <div class="left-tag-item">游戏</div>
          <div class="left-tag-item">码农</div>
          <div class="left-tag-item">开发</div>
          <div class="left-tag-item">全栈</div>
          <div class="left-tag-item">前端</div>
          <div class="left-tag-item">旅行</div>
          <div class="left-tag-item">音乐</div>
          <div class="left-tag-item">电影</div>
          <div class="left-tag-item">拍照</div>
          <div class="left-tag-item">憨实</div>
          <div class="left-tag-item">念旧</div>
          <div class="left-tag-item">外向</div>
        </div>
        <div class="left-div left-time">
          <ul id="line">
            <li>
              <div class="focus"></div>
              <div>申请自己的域名Kxala正式成立</div>
              <div>2025.3</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>撰写自己的网站</div>
              <div>2024.12</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>开始学习算法👊</div>
              <div>2024.5</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>完成大项目实现项目No bug</div>
              <div>2024.4.</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>开始尝试大项目的制作</div>
              <div>2024.3</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>比赛获取一些成就</div>
              <div>2023.11</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>从事各种比赛</div>
              <div>2023.10</div>
            </li>
            <li>
              <div class="focus"></div>
              <div>进入大学</div>
              <div>2023.9</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="container-right">
        <header>
          <a
            href="https://imbyter.com"
            class="index-logo"
            style="background-image: url(./static/img/logo.png)"
          ></a>
          <div class="welcome">Kxala</div>
          <div class="description">
            🌱 一名热爱技术，从事<span class="purpleText"> web </span
            >前端的Kxala。
          </div>
          <div class="description">
            📝
            喜欢分享技术，乐于结交朋友。循光而行，永远热泪盈眶，永远相信梦想！
          </div>

          <div class="iconContainer">
            <a
              class="iconItem"
              onclick=""
              target="_blank"
              href="https://github.com/bz-Kxala"
            >
              <svg
                t="1704870335945"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2487"
              >
                <path
                  d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9 23.5 23.2 38.1 55.4 38.1 91v112.5c0.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"
                  p-id="2488"
                ></path>
              </svg>
              <div class="iconTip">Github</div>
            </a>
            <a
              class="iconItem"
              onclick="pop('./static/img/wxgzh.png')"
              href="javascript:void(0)"
            >
              <svg
                t="1716999855742"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="5241"
                width="256"
                height="256"
              >
                <path
                  d="M693.248 347.218c11.633 0 23.265 0.86 34.939 2.048C696.852 203.12 540.672 94.74 362.496 94.74 163.348 94.74 0 230.4 0 403.005c0 99.574 54.19 181.453 144.916 244.9L108.79 757.064l126.853-63.816c45.343 8.847 81.879 18.022 126.853 18.022 11.223 0 22.487-0.368 33.71-1.597-7.25-24.085-11.223-49.766-11.223-75.858-0.04-158.147 136.07-286.597 308.265-286.597z m-195.092-98.345c27.279 0 45.342 18.063 45.342 45.343s-18.063 45.342-45.342 45.342c-27.32 0-54.6-18.063-54.6-45.342 0.41-27.239 27.689-45.343 54.6-45.343zM244.49 339.599c-27.32 0-54.6-18.063-54.6-45.342s27.28-45.343 54.6-45.343c27.28 0 45.302 18.063 45.302 45.343 0 26.87-18.022 45.342-45.302 45.342zM1024 629.801c0-144.876-144.916-262.922-307.896-262.922-172.606 0-308.265 118.046-308.265 262.922 0 145.326 135.7 262.963 308.265 262.963 36.126 0 72.622-9.257 108.748-18.063l99.574 54.6-27.28-90.727C969.81 783.974 1024 711.27 1024 629.801z m-407.839-45.343c-18.022 0-36.126-18.022-36.126-36.126 0-18.023 18.063-36.127 36.126-36.127 27.32 0 45.343 18.063 45.343 36.127 0 18.063-18.022 36.126-45.343 36.126z m199.516 0c-18.063 0-36.126-18.022-36.126-36.126 0-18.023 18.022-36.127 36.126-36.127 27.28 0 45.343 18.063 45.343 36.127 0 18.063-18.473 36.126-45.343 36.126z m0 0"
                  fill="#ffffff"
                  p-id="5242"
                ></path>
              </svg>
              <div class="iconTip">微信</div>
            </a>
            <a
              class="iconItem"
              onclick=""
              target="_blank"
              href="https://space.bilibili.com/395224199"
            >
              <svg
                t="1716999901986"
                class="icon"
                viewBox="0 0 1071 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="6380"
                width="256"
                height="256"
              >
                <path
                  d="M887.365188 952.783894H184.455499C82.758914 952.783894 0 876.72402 0 783.272408V336.111466c0-93.477378 82.758914-169.537251 184.455499-169.537252h704.043373c51.969094 0 101.67082 20.225949 136.377002 55.498973A159.256801 159.256801 0 0 1 1071.846453 336.420652V783.272408c0 93.451613-82.758914 169.511486-184.481265 169.511486zM184.455499 251.600495c-54.829069 0-99.429218 37.901109-99.429218 84.510971V783.272408c0 46.609861 44.600149 84.51097 99.429218 84.51097H887.365188c54.829069 0 99.429218-37.901109 99.429218-84.51097V335.415796a74.539706 74.539706 0 0 0-22.570613-53.72115c-18.808844-19.11803-46.377972-30.09415-75.750687-30.094151z"
                  fill="#ffffff"
                  p-id="6381"
                ></path>
                <path
                  d="M397.794168 495.316736L219.651226 535.923226a36.355177 36.355177 0 0 1-15.175903-71.112889l178.142942-40.55496a35.8141 35.8141 0 0 1 43.131513 27.955611c4.302845 19.169562-8.786049 38.854434-27.95561 43.157279zM674.052285 495.316736c-19.169562-4.302845-32.258456-23.987717-27.955611-43.157279a35.8141 35.8141 0 0 1 43.131514-27.955611l178.142941 40.55496a36.355177 36.355177 0 0 1-15.175902 71.112889l-178.142942-40.554959zM268.811876 1023.999845a56.684187 56.684187 0 0 1-56.684187-56.813015v-42.590437a56.684187 56.684187 0 1 1 113.600264 0v42.590437a56.684187 56.684187 0 0 1-56.684187 56.813015zM803.034577 1023.999845a56.684187 56.684187 0 0 1-56.813015-56.813015v-42.590437a56.684187 56.684187 0 1 1 113.600264 0v42.590437a56.684187 56.684187 0 0 1-56.684187 56.813015z"
                  fill="#ffffff"
                  p-id="6382"
                ></path>
                <path
                  d="M248.918821 42.946487m26.538343-29.671097l0 0q26.538343-29.671097 56.20944-3.132755l185.900469 166.272595q29.671097 26.538343 3.132754 56.20944l0 0q-26.538343 29.671097-56.20944 3.132755l-185.900468-166.272595q-29.671097-26.538343-3.132755-56.20944Z"
                  fill="#ffffff"
                  p-id="6383"
                ></path>
                <path
                  d="M577.629382 262.330313m-26.538343-29.671098l0 0q-26.538343-29.671097 3.132755-56.20944l185.900468-166.272595q29.671097-26.538343 56.209441 3.132755l0 0q26.538343 29.671097-3.132755 56.20944l-185.900468 166.272595q-29.671097 26.538343-56.209441-3.132755Z"
                  fill="#ffffff"
                  p-id="6384"
                ></path>
                <path
                  d="M595.621982 756.373184a39.447041 39.447041 0 0 1-30.738289-14.686357L533.346672 702.677799l-32.438814 38.467951a39.730462 39.730462 0 0 1-55.473207 5.153108l-44.316729-36.535535a23.188986 23.188986 0 1 1 29.501543-35.762569l39.163621 32.258455 33.495202-39.601634a39.6274 39.6274 0 0 1 61.038563 0.566842l32.722236 40.323069 45.424646-33.933215A23.188986 23.188986 0 1 1 669.904033 710.665117l-50.655051 37.798047a39.369745 39.369745 0 0 1-23.627 7.91002z"
                  fill="#ffffff"
                  p-id="6385"
                ></path>
              </svg>
              <div class="iconTip">B站</div>
            </a>
            <a
              class="iconItem"
              onclick=""
              target="_blank"
              href="https://www.douyin.com/user/MS4wLjABAAAACav_LAuE9DfbSyHMDfeEZcklZ4kXHLPs5GZ160yXqFZzbrEga8p7QJgLy_0jUsqS?from_tab_name=main"
            >
              <svg
                t="1717000121898"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="10944"
                width="256"
                height="256"
              >
                <path
                  d="M909.994667 309.475556v-34.702223a241.208889 241.208889 0 0 1-45.511111-4.892444 222.321778 222.321778 0 0 1-71.68-29.184 23.324444 23.324444 0 0 0-4.664889-4.380445 192.170667 192.170667 0 0 1-69.518223-76.458666 238.933333 238.933333 0 0 1-22.755555-63.146667h-0.853333a209.635556 209.635556 0 0 1-3.470223-39.822222H534.357333c0 75.719111 0.284444 151.438222-0.341333 227.157333v396.458667a131.413333 131.413333 0 0 1-61.781333 109.624889 130.104889 130.104889 0 0 1-130.844445 4.608 160.824889 160.824889 0 0 1-39.822222-32.597334 124.586667 124.586667 0 0 1-29.980444-67.527111 133.575111 133.575111 0 0 1 13.482666-74.922666 113.777778 113.777778 0 0 1 28.444445-35.328 159.288889 159.288889 0 0 1 66.673777-31.914667 110.705778 110.705778 0 0 1 61.952 1.877333V476.216889c0-15.246222 0.455111-30.549333-0.341333-45.511111-0.512-12.231111 0-24.462222 0-36.693334a287.345778 287.345778 0 0 0-190.236444 39.822223 290.133333 290.133333 0 0 0-95.630223 95.630222 286.890667 286.890667 0 0 0 79.644445 384.398222l2.104889 1.820445a283.192889 283.192889 0 0 0 104.106666 45.056 332.288 332.288 0 0 0 80.611556 6.485333 264.533333 264.533333 0 0 0 148.992-50.517333 297.187556 297.187556 0 0 0 81.009778-91.192889 310.556444 310.556444 0 0 0 42.040889-134.030223c0.967111-12.856889 0.398222-25.713778 0.341333-38.570666a35145.955556 35145.955556 0 0 1-0.967111-289.678222 371.427556 371.427556 0 0 0 216.177778 67.811555V309.475556z"
                  fill="#ffffff"
                  p-id="10945"
                ></path>
              </svg>
              <div class="iconTip">抖音</div>
            </a>
            <a class="switch" href="javascript:void(0)">
              <div class="onoffswitch">
                <input
                  type="checkbox"
                  name="onoffswitch"
                  class="onoffswitch-checkbox"
                  id="myonoffswitch"
                  checked
                />
                <label class="onoffswitch-label" for="myonoffswitch">
                  <span class="onoffswitch-inner"></span>
                  <span class="onoffswitch-switch"></span>
                </label>
              </div>
            </a>
          </div>

          <div class="tanChiShe">
            <img id="tanChiShe" src="./static/svg/snake-Light.svg" alt="" />
          </div>
        </header>

        <content>
          <div class="title">
            <svg
              t="1717039970588"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="7735"
              width="256"
              height="256"
            >
              <path
                d="M906.24 543.232l-380.9792 177.0496a28.9792 28.9792 0 0 1-26.112 0.6144l-382.0032-177.7664a27.5456 27.5456 0 1 1 23.296-49.8688l370.9952 172.6976 371.3536-172.5952a27.5456 27.5456 0 1 1 23.4496 49.8688zM140.4416 658.5344l370.9952 172.6976 371.3536-172.5952a27.5456 27.5456 0 1 1 23.296 49.8688L525.1072 885.76a29.1328 29.1328 0 0 1-26.112 0.6144l-381.8496-177.9712a27.5456 27.5456 0 1 1 23.296-49.8688z"
                fill="#FFFFFF"
                p-id="7736"
              ></path>
              <path
                d="M922.9824 352.3072v-1.792a26.0608 26.0608 0 0 0-5.632-14.6432l-0.4608-0.5632A29.7472 29.7472 0 0 0 906.24 326.656l-381.2352-177.2544a29.2352 29.2352 0 0 0-26.1632-0.6144l-381.952 177.92A28.16 28.16 0 0 0 102.4 363.8272a26.4704 26.4704 0 0 0 10.24 11.4176 34.9696 34.9696 0 0 0 4.4544 2.6112l381.8496 177.7664a29.1328 29.1328 0 0 0 26.112-0.6144L906.24 377.9072a28.672 28.672 0 0 0 10.24-7.7824l0.8704-0.9728a26.2656 26.2656 0 0 0 5.7344-14.848c-0.1536-1.024-0.1024-1.4336-0.1024-1.9968z m-411.5456 148.48l-318.8224-148.48 318.6688-148.48 319.3344 148.48z"
                fill="#00B65F"
                p-id="7737"
              ></path>
            </svg>
            课程
          </div>

          <div class="projectList">
            <a
              class="projectItem a"
              target="_blank"
              href="#"
              onclick="return false;"
            >
              <div class="projectItemLeft">
                <h1>web开发实战</h1>
                <p>爆肝创作中...</p>
              </div>
              <div class="projectItemRight">
                <img src="https://skillicons.dev/icons?i=html" alt="" />
              </div>
            </a>

            <a
              class="projectItem a"
              target="_blank"
              href="#"
              onclick="return false;"
            >
              <div class="projectItemLeft">
                <h1>C语言编程</h1>
                <p>敬请期待...</p>
              </div>
              <div class="projectItemRight">
                <img src="https://skillicons.dev/icons?i=c" alt="" />
              </div>
            </a>

            <a
              class="projectItem a"
              target="_blank"
              href="#"
              onclick="return false;"
            >
              <div class="projectItemLeft">
                <h1>java编程</h1>
                <p>敬请期待...</p>
              </div>
              <div class="projectItemRight">
                <img src="https://skillicons.dev/icons?i=java" alt="" />
              </div>
            </a>
          </div>
          <div class="title">
            <svg
              t="1717040026147"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="9734"
              width="256"
              height="256"
            >
              <path
                d="M491.008 966.016L106.88 703.104c-18.944-12.928-21.632-39.808-5.76-56.32 12.416-12.8 32.128-15.104 47.104-5.248L491.52 867.968c12.416 8.192 28.544 8.192 40.832 0l342.4-227.2c14.976-9.856 34.816-7.68 47.232 5.248l0.896 0.896c15.744 16.512 13.056 43.264-5.888 56.192L532.864 966.016c-12.672 8.704-29.184 8.704-41.856 0z"
                fill="#BAE7FF"
                p-id="9735"
              ></path>
              <path
                d="M491.008 799.744L106.88 536.704c-18.944-12.928-21.632-39.808-5.76-56.32 12.416-12.8 32.128-15.104 47.104-5.248L491.52 701.568c12.416 8.192 28.544 8.192 40.832 0l342.4-227.2c14.976-9.984 34.816-7.68 47.232 5.248l0.896 0.896c15.744 16.512 13.056 43.264-5.888 56.192L532.864 799.744c-12.672 8.576-29.184 8.576-41.856 0z"
                fill="#99DBF2"
                p-id="9736"
              ></path>
              <path
                d="M491.008 633.344L115.456 376.192c-21.504-14.72-21.504-46.464 0-61.184L491.008 57.984c12.672-8.576 29.184-8.576 41.856 0l375.552 257.152c21.504 14.72 21.504 46.464 0 61.184L532.864 633.344c-12.672 8.576-29.184 8.576-41.856 0z"
                fill="#319EEC"
                p-id="9737"
              ></path>
              <path
                d="M636.288 279.424L401.024 439.168c-15.104 10.24-35.968 6.272-46.208-8.832s-6.272-35.968 8.832-46.208l235.264-159.744c15.104-10.24 35.968-6.272 46.208 8.832s6.272 35.968-8.832 46.208z"
                fill="#FFFFFF"
                p-id="9738"
              ></path>
            </svg>
            项目
          </div>

          <div class="projectList">
            <a class="projectItem b" href="#" onclick="return false;">
              <div class="projectItemLeft">
                <h1>Kxala程序心得</h1>
                <p>一个内部学习成长社群</p>
              </div>
              <div class="projectItemRight">
                <img src="./static/img/i3.png" alt="" />
              </div>
            </a>

            <a class="projectItem b" href="#" onclick="return false;">
              <div class="projectItemLeft">
                <h1>专题训练</h1>
                <p>针对各类内容的训练学习</p>
              </div>
              <div class="projectItemRight">
                <img src="./static/img/i4.png" alt="" />
              </div>
            </a>

            <a
              class="projectItem b"
              href="https://gitee.com/Kxala"
              target="_blank"
            >
              <div class="projectItemLeft">
                <h1>开源项目</h1>
                <p>我做的开源项目分享</p>
              </div>
              <div class="projectItemRight">
                <img src="./static/img/i5.png" alt="" />
              </div>
            </a>

            <a class="projectItem b" href="#" onclick="return false;">
              <div class="projectItemLeft">
                <h1>本站源码</h1>
                <p>本网站完整的源代码</p>
              </div>
              <div class="projectItemRight">
                <img src="./static/img/i6.png" alt="" />
              </div>
            </a>
          </div>

          <div class="title" style="font-size: 20px">
            <svg
              t="1717040172881"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="12695"
              width="256"
              height="256"
            >
              <path
                d="M377.9 114.1h358.3l-136.4 268 231.5 0.3-485.1 559.3 139.5-356.4H222.6z"
                fill="#FED928"
                p-id="12696"
              ></path>
            </svg>
            技术栈
          </div>
          <div class="skill">
            <!-- <img id="skillPc" src="./static/svg/skillPc.svg" alt="" srcset=""> -->
            <img
              id="skillPc"
              src="https://skillicons.dev/icons?i=windows,visualstudio,vscode,c,cpp,wasm,dotnet,md,py,git,notion,vim,docker,vim,sqlite,mysql,nginx,angular,vue,atom,aws,vite,bash,bootstrap,cloudflare,cmake,js,css,html,jquery,ubuntu,discord,eclipse,github,gmail,go,gulp,ai,instagram,ipfs,laravel,linux,nodejs,npm,ps,php,postman,powershell,wordpress&perline=20"
            />
            <img
              id="skillWap"
              src="https://skillicons.dev/icons?i=windows,visualstudio,vscode,c,cpp,wasm,dotnet,md,py,git,notion,vim,docker,vim,sqlite,mysql,nginx,angular,vue,atom,aws,vite,bash,bootstrap,cloudflare,cmake,js,css,html,jquery,ubuntu,discord,eclipse,github,gmail,go,gulp,ai,instagram,ipfs,laravel,linux,nodejs,npm,ps,php,postman,powershell,wordpress&perline=9"
            />
            <!-- <img id="skillWap" src="./static/svg/skillWap.svg" alt="" srcset=""> -->
          </div>
        </content>
      </div>
    </div>
    <footer>
      Kxala © 2024 |
      <a target="_blank" href="https://beian.miit.gov.cn/">
        闽ICP备2025089136号-1
      </a>
    </footer>
    <div class="tc">
      <div onclick="" class="tc-main">
        <img class="tc-img" src="" alt="" srcset="" />
      </div>
    </div>
  </body>
  <script src="./static/js/script.js"></script>
</html>
